/**

 @Name：layui.blog 闲言轻博客模块
 @Author：徐志文
 @License：MIT
 @Site：http://www.layui.com/template/xianyan/
    
 */
layui.define(['element', 'form','laypage','jquery','laytpl'],function(exports){
  var element = layui.element
  ,form = layui.form
  ,laypage = layui.laypage
  ,$ = layui.jquery
  ,laytpl = layui.laytpl;

  // laypage.render({
  //   elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
  //   ,count: 50 //数据总数，从服务端得到
  //   ,theme: '#1e9fff'
  // });
  //statr 分页
  //获取总数量
  if($("#test1").size()>0){
    console.log($("#test1").size())
    var count=0
    $.ajax({
      url: "message/count",
      type:"get",
      async:false,
      success: function (data) {
        if(data.code==0){
          count=data.count
          console.log(count)
        }else{
          layer.msg('网络延迟');
        }
       },
       error: function (data) {
         layer.msg('网络延迟');
       }
    })
    laypage.render({
      elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
      ,count: count//数据总数，从服务端得到
      ,theme: '#1e9fff'
      ,limit:3
      ,jump:function (obj,first) {
        console.log(obj.curr)
        console.log(obj.limit)
        //获取留言
        $.get("message/query",{pageno:obj.curr,pagesize:obj.limit},function (ret) {
          if(ret.code==0){
            var dat=ret.data
            var html =""
            for(var i=0;i<dat.length;i++){
              html+=drawhtml(dat[i])
            }
            var $html=$(html)
            $html.find(".like").on("click",praise)
            $('#LAY-msg-box').html($html);
          }else{
            layer.msg(data.msg);
          }
        },"json").error(function () {
          layer.msg('网络延迟');
        })
      }
    });
  }
  // end 分頁

  // start 导航显示隐藏
  
  $("#mobile-nav").on('click', function(){
    $("#pop-nav").toggle();
  });

  // end 导航显示隐藏
  
  //start 评论的特效
  
  (function ($) {
    $.extend({
        tipsBox: function (options) {
          options = $.extend({
            obj: null,  //jq对象，要在那个html标签上显示
            str: "+1",  //字符串，要显示的内容;也可以传一段html，如: "<b style='font-family:Microsoft YaHei;'>+1</b>"
            startSize: "12px",  //动画开始的文字大小
            endSize: "30px",    //动画结束的文字大小
            interval: 600,  //动画时间间隔
            color: "red",    //文字颜色
            callback: function () { }    //回调函数
          }, options);

          $("body").append("<span class='num'>" + options.str + "</span>");

          var box = $(".num");
          var left = options.obj.offset().left + options.obj.width() / 2;
          var top = options.obj.offset().top - 10;
          box.css({
            "position": "absolute",
            "left": left + "px",
            "top": top + "px",
            "z-index": 9999,
            "font-size": options.startSize,
            "line-height": options.endSize,
            "color": options.color
          });
          box.animate({
            "font-size": options.endSize,
            "opacity": "0",
            "top": top - parseInt(options.endSize) + "px"
          }, options.interval, function () {
            box.remove();
            options.callback();
          });
        }
      });
  })($); 

  function niceIn(prop){
    prop.find('i').addClass('niceIn');
    setTimeout(function(){
      prop.find('i').removeClass('niceIn'); 
    },1000);    
  }

  $(function () {
    $(".like").on('click',praise
     )
  });
  //end 评论的特效
  function praise  () {

    if(!($(this).hasClass("layblog-this"))){
      var type=$(this).data("type")
      var key=$(this).data("key")
      var that=this
      $.post("/praise/"+type+"/"+key,function (data){
        if(data.code==0){
          that.text = '已赞';
          $(that).addClass('layblog-this');
          $.tipsBox({
            obj: $(that),
            str: "+1",
            callback: function () {
            }
          });
          niceIn($(that));
          layer.msg('点赞成功', {
            icon: 6
            ,time: 1000
          })
          $(that).find(".value").text(data.praise)
        }else{
          if(data.code==4444){
            $(that).addClass("layblog-this")
            layer.msg(data.msg);
          }else{
            layer.msg(data.msg);
          }
        }
      },"json").error(function () {
        layer.msg('网络延迟');
      })
    }
  }

  // start点赞图标变身
  $('#LAY-msg-box').on('click', '.info-img', function(){
    $(this).addClass('layblog-this');
  })


  // end点赞图标变身

  //end 提交
  $('#item-btn').on('click', function(){
    var elemCont = $('#LAY-msg-content')
    ,content = elemCont.val();
    if(content.replace(/\s/g, '') == ""){
      layer.msg('请先输入留言');
      return elemCont.focus();
    }

    $.post("/message/new/",{content:content},function (data){
      if(data.code==0){
        var html=drawhtml(data.data)
        var $html=$(html)
        $html.find(".like").on("click",praise)
        $('#LAY-msg-box').prepend($html);
        layer.msg('留言成功', {
          icon: 1
        })

        // var view = $('#LAY-msg-tpl').html()
        //     //模拟数据
        //     ,data = {
        //       username: data.data.user.name
        //       ,avatar: data.data.user.avatar||'/static/images/info-img.png'
        //       ,praise: data.data.praise
        //       ,content: data.data.content
        //       ,key: data.data.key
        //     };
        // //模板渲染
        // laytpl(view).render(data, function(html){
        //   $('#LAY-msg-box').prepend(html);
        //   elemCont.val('');
        //   layer.msg('留言成功', {
        //     icon: 1
        //   })
        // });
      }else{
        layer.msg(data.msg);
      }
    },"json").error(function () {
      layer.msg('网络延迟');
    })



  })
  
  function drawhtml(html) {
    var view = $('#LAY-msg-tpl').html()

        //模拟数据
        ,data = {
          username: html.user.name
          ,avatar: html.user.avatar||'/static/images/info-img.png'
          ,praise: html.praise
          ,content: html.content
          ,key: html.key
        };

    //模板渲染
    return laytpl(view).render(data);
  }

  // start  图片遮罩
  var layerphotos = document.getElementsByClassName('layer-photos-demo');
  for(var i = 1;i <= layerphotos.length;i++){
    layer.photos({
      photos: ".layer-photos-demo"+i+""
      ,anim: 0
    }); 
  }
  // end 图片遮罩


  //输出test接口
  exports('blog', {}); 
});  
